<link href="css/site.css" rel="stylesheet" type="text/css" />
<script src="js/site.js" type="text/javascript"></script>

<form
name="register"
id="registerId"
action=""
method="get"
enctype="multipart/form-data"
onSubmit="return validate()"
>

<input type="hidden1" id="hiddenGenderId" name="hiddenGender"  />
this

<table border="1" cellpadding="0" cellspacing="0" width="80%" align="center">

  <thead>
    <tr>
      <th colspan="2">Please fill the details below</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="right"><span class="txt">Name :</td>
      <td >
        <input  type="text"
                name="uname"
                id="unameId"
                placeholder="My Name is..."
                autocomplete="off"
                onCopy="return false"
                onPaste="return false"
                maxlength="10"
                ></span>
      </td>
    </tr>
    <tr>
      <td align="right"><span class="txt">Email :</span></td>
      <td >
        <input  type="email"
                name="email"
                placeholder="My Email is..."
                >
      </td>
    </tr>
    <tr>
      <td align="right"><span class="txt">DOB :</span></td>
      <td >
        <input type="date"
                name="dob"
                >
      </td>
    </tr>
    <tr>
      <td align="right"><span class="txt">Gender :</span></td>
      <td >
       <label> <input  type="radio"
                name="gender"
                value="Male" onClick="document.register.hiddenGender.value='male'"
                >Male</label>

        <label><input  type="radio"
                name="gender"
                value="Female"
                onClick="document.register.hiddenGender.value='female'"
                >Female</label>
      </td>
    </tr>


    <tr>
      <td align="right"><span class="txt">Address :</span></td>
      <td >
            <textarea  name="address" rows="4" cols="20"></textarea>
      </td>
    </tr>

    <tr>
      <td align="right"><span class="txt">Country :</span></td>
      <td >
            <select  name="country">
              <option value="">-SELECT-</option>
              <option value="in">India</option>
              <option value="pk">Pakistan</option>
              <option value="np">Nepal</option>
              <option value="ch">China</option>
            </select>
      </td>
    </tr>

    <tr>
      <td align="right"><span class="txt">Languages :</span></td>
      <td >
            <select multiple  size="6" name="lang">
              <option value="hi">Hindi</option>
              <option value="en">English</option>
              <option value="np">Nepali</option>
              <option value="ch">Chinese</option>
              <option value="mt">Marathi</option>
              <option value="ka">Kannada</option>
            </select>
      </td>
    </tr>

    <tr>
      <td align="right"><span class="txt">Hobbies :</span></td>
      <td >
        <label><input  type="checkbox"
                name="hobbies[]"
                value="cricket"
                >Cricket</label>

        <label><input  type="checkbox"
                name="hobbies[]"
                value="hockey"
                >Hockey</label>

        <label><input  type="checkbox"
                name="hobbies[]"
                value="tennis"
                >Tennis</label>

      </td>
    </tr>

    <tr>
      <td align="right"><span class="txt">Image :</span></td>
      <td >
        <input  name="upload" type="file">
      </td>
    </tr>

    <tr>
      <td align="right"></td>
      <td >
  <input type="submit" value="I am done" />
      </td>
    </tr>

  </tbody>

</table>


</form>
